
/* Frame  */
.sp_back_container  {
	display:block;
	width: 100%;
	position: absolute;
	top: 200px;
	left: 20px;
	background:transparent;
	padding:15px;
	margin:0 auto;
	z-index: 100;
}

.sp_info_box {
	
}

.sp_frame_current  {
/*	border: solid #84a529 1px;*/
	border-radius: 5px;
	background-color: #aeb  !important;
    opacity:  0.9
/*	background-color: green;*/
}

.sp_frame_finished  {
/*	border: solid #84a529 1px;*/
	border-radius: 5px;
	background-color: #223  !important;
    opacity:  0.9
/*	background-color: green;*/
}

.sp_frame {
	float: left;
	width: 450px;
	position: relative;
	background-color: white;
	padding:15px;
	margin: 5px 5px 20px 5px;
	   -moz-box-shadow: 4px 4px 5px #73c399;
    -webkit-box-shadow: 4px 4px 5px #73c399;
    box-shadow: 4px 4px 5px #73c399;	
}

.sp_frame p, ul, ol  {
	margin: 0;
}

.sp_frame header img {
	width: 20px;
	height: 20px;
	margin: 2px 2px 2px 2px;
}

.sp_frame header span {
	height:20px; 
	line-height:20px;
}
.sp_frame header span:nth-child(2) ,
.sp_frame header span:nth-child(3){
	font-size: 16px;
	font-weight:bold;
}

.sp_frame header {
	width: 100%;
	height: 25px;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}

.sp_frame header div:nth-child(1) span:nth-child(1) {
	margin-left: 10px;
}
.sp_frame header div:nth-child(1) span {
	margin-left: 30px;
}

.sp_frame section {
	position: relative;
	width: 100%;
	height: 260px;
	margin: 3px 0px 0px 0px;
	padding: 0;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}

.sp_frame section span {
/*	position: relative;*/
/*	width: 60px;*/
	margin: 2px 5px 2px 5px;
}

/*.sp_frame section #sp_res div,
.sp_frame section #sp_res div span {
	position:relative;
	margin: 0px 10px 0px 10px;
	padding: 0;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}
.sp_frame section #sp_res {
	
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;		
}

.sp_frame section #sp_res div {
	float : left;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;		
}*/

.sp_frame section #sp_ing_res {
	margin: 0px;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;		
}
.sp_frame section #sp_ing_res ul li {
	float: left;
/*	display: inline;*/
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;		
}
.sp_frame section #sp_ing_res ul li:nth-child(1) {
	overflow:hidden;
}



/*#sp_res */

.sp_frame .sp_detail_div {
	width: 110px;
	height: 200px;
	margin: 5px 5px 5px 5px;
	float: left;
	-webkit-box-shadow: 2px 2px 5px #777;
	-moz-box-shadow: 2px 2px 5px #777;
}

.sp_frame footer {
	width: 100%;
	height: 35px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}
.sp_frame footer span {
	margin: 2px 3px 5px 3px;
}


